<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../backstage.css">
    <link rel="stylesheet" href="../Y-user/user.css">
    <link rel="stylesheet" href="../font_2528121_iz4e8df3nha/iconfont.css">
    <link rel="stylesheet" href="../font_2528121_66g78zut538/iconfont.css">
</head>
<body>
          <!-- 侧边栏 -->
<div class="center">
    <div class="sidebar">
        <ul>
            <li class="side side_1"><a class="option option_1" href="#">音乐后台管理系统</a></li>

            <li class="side user" style="background-color: #1c2b3b;"><a class="option option_3" href="/future/admin/queryAllUsers" >
                <i class="iconfont icon-yonghu2"></i>
                用户管理</a></li>


            <li class="side music" style="background-color: #1c2b3b;"><a class="option option_5" href="#">
                <i class="iconfont icon-yinle1"style="margin-right: 4px;"></i>
                音乐管理<i class="iconfont icon-jiantouxiangxia"></i></a></li>
                <div class="musicForm" style="display: block;">
                    <li class="side branch"><a th:href="@{/static/ypb/Y-background/Y-music/music2.html}" class="option branch_1">音乐</a></li>
                    <li class="side branch"><a th:href="@{/static/ypb/Y-background/Y-music/singer.html}" class="option branch_2">歌手</a></li>
                    <li class="side branch"><a th:href="@{/static/ypb/Y-background/Y-music/album.html}"  class="option branch_3">专辑</a></li>
                    <li class="side branch"><a th:href="@{/static/ypb/Y-background/Y-music/comment.html}" class="option branch_4">评论</a></li>

                </div>
        </ul>
    </div>
</div>
<!-- 右边内容区 -->
<div class="rightContent">
    <div class="itemBar">
        <div class="headBar">
            <!-- <i class="iconfont icon-caidan"></i> -->
            <input class="search" type="text" placeholder="Search">
        </div>
        <div class="headLine">
            <input type="text" class="input" placeholder="请输入歌名">
            <button class="ssBtn" ><i class="iconfont icon-sousuo1"></i>搜索</button>
            <button class="reset"><i class="iconfont icon-shuaxin2"></i>重置</button>
            <button class="add"><i class="iconfont icon-icon-test"></i>增加</button>
        </div>
        <!-- 用户管理 -->
        <!-- <div class="form">
            <table  cellpadding="10">
                <thead>
                    <tr class="formHead">
                        <th class="alone">序号</th>
                        <th class="alone">用户名</th>
                        <th class="alone">账号</th>
                        <th class="alone">性别</th>
                        <th class="alone">邮箱</th>
                        <th class="alone">用户等级</th>
                        <th class="alone">用户VIP剩余天数</th>
                        <th class="alone">操作</th>
                    </tr>
                </thead>
                <tbody class="content">
                    <tr ></tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="clear"> </div> -->
<!-- 添加用户的弹框 -->
<!-- <div class="addUser" style="display: none;">
    <table class="uForm">
        <tbody class="initial">
            <tr class="line">
                <td>用户名：
                <td class="_name blank"><input class="information" type="text" placeholder="请输入用户名"></td>
            </tr>
            <tr class="line">
                <td>邮箱：</td>
                <td class="tel blank"><input class="information email" type="email" placeholder="请输入邮箱"></td>
            </tr>
            <tr class="line">
                <td>用户等级：</td>
                <td class="age blank">
                    <select class="select">
                        <option value="男">普通用户</option>
                        <option value="女">VIP</option>
                    </select>
                </td>
            </tr>
            <tr class="line">
                <td>性别：</td>
                <td class="gender blank">
                    <select class="select">
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select></td>
            </tr>
        </tbody>
    </table>
    </table>
    <button class="affirm">确认</button>
    <button class="cancel">取消</button>
</div> -->
    
</body>
<script src="../backstage.js"></script>
<script src="../Y-user/user.js"></script>
</html>